<!DOCTYPE html>
<html>
<head>

    {include file='public/meta'/}

    <link rel="stylesheet" href="__STATIC_URL__/static/css/addmchat.css"/>
    <link rel="stylesheet" href="__STATIC_URL__/static/css/bootstrapSwitch.css"/>

    <script src="__STATIC_URL__/static/js/bootstrapSwitch.js"></script>

    <link rel="stylesheet" type="text/css" href="__STATIC_URL__/static/bootstrap-table/bootstrap-table.css"/>
    <script src="__STATIC_URL__/static/bootstrap-table/bootstrap-table.js"></script>
    <script src="__STATIC_URL__/static/bootstrap-table/bootstrap-table-zh-CN.js"></script>
    <style>
        thead tr th {
            text-align: center;
        }

        tbody tr td {
            text-align: center;
        }

        .content .panel-search {
            border: 1px solid #d0f2f7;
        }

        .panel-default > .panel-heading {
            background: #EEF8FC;
            color: #26929C;
        }
    </style>
</head>
<body>

{include file='public/header'/}
<!------------------导航-------------------------->
<section id="content">
    {include file='public/left'/}

    <!--------------------------主要内容区域------------------------------------->
    <div class="content">
        <div class="page-heading">
            <ul class="breadcrumb mgl15 mgr15">
                <li>当前位置是:</li>
                <li>
                    <a href="javascript:window.history.back();">会员计次卡列表</a>
                </li>
                <li class="active" style="color: #02b87f;">会员计次卡明细</li>
            </ul>
        </div>
        <div class="panel panel-default panel-search mgl15 mgr15">
            <div class="panel-heading">
                <h3 class="panel-title"><span class="glyphicon glyphicon-search pull-left" style="margin-right: 10px;"></span>筛选</h3>
            </div>
            <div class="panel-body form-horizontal table-search form-search">
                <div class="col-sm-6 col-md-6 col-lg-5" id="machdiv">
                    <div class="form-group">
                        <label class="col-sm-3 control-label">核销时间：</label>
                        <div class="col-sm-9">
                            <input name="starttime" type="text" value=""  readonly="readonly" id="search_date" placeholder="请选择核销时间" class="form-control">
                            <input type="hidden" id="user_id" value="{$info['user_id']}">

                        </div>
                    </div>
                </div>

            </div>
            <div class="panel-footer">
                <a href="javascript:;" class="btn btn-primary" onclick="searchform()">查找</a>
            </div>
        </div>

        <div class="panel panel-default mgl15 mgr15">
            <div class="panel-heading addCharts" style="background:#ededed;">会员计次卡变动列表
            </div>

            <div class="panel-body">
                <table class="table table-bordered" data-toolbar="#toolbar" id="tablelist">

                </table>
            </div>

        </div>
        {include file='public/footer'/}

    </div>
</section>



</body>

<script src="__STATIC_URL__/static/laydate/laydate.js"></script>

<script src="/cardjctable.js"></script>

<!--设备列表 模型 开始-->
<script>
    laydate.render({
        elem: '#search_date',
        type: 'datetime',
        range: true,
        change: function(value, date,endDate){ //监听日期被切换

        }
    });
</script>
<!--设备列表 模型 结束-->
<script>
    function searchform() {
        $("#tablelist" ).bootstrapTable('refresh');
    }
    $(function () {
        var type = "cardjclog";
        var url = "{:url()}";
        getcolumn(type, url, "tablelist")
    });
</script>
<script>
    function del(obj){
        var id=$(obj).attr("data-id");
        $.ajax({
            url:"{:url('cardjc/cardjcdel')}",
            type:"post",
            dataType:"json",
            data:{
                id:id
            },
            success:function(data){
                console.log(data);
                alert(data.msg);
                window.location.href = "{:url('cardjc/cardjclist')}";
            }
        })
    }
</script>
</html>
